//config的设置是全局的
layui.config({
    base: '/js/plugins/' // 自定义扩展插件所在的目录
}).extend({ //设定模块别名
    yjslayer: 'yjslayer',
    yjsloading: 'yjsloading',
});

layui.use(['yjslayer', 'yjsloading', 'table','form'], function () {
    var $ = layui.jquery
        , yjslayer = layui.yjslayer
        , yjsloading = layui.yjsloading
        , form = layui.form
        , table = layui.table;

    // 获取csrf-token
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    var cloth_code = $('#code').val();
    var arrival_code = $('#arrival_code').val();

    // 数据表格方法级渲染
    var tbObj = table.render({
        elem: '#dataBody' // 绑定元素
        , id: 'clothSizeList' // 唯一ID
        , height: 'full-20' //高度最大化减去差值
        , url: '/cloth/size/index?code=' + cloth_code +'&arrival_code='+arrival_code // 接口地址 默认会自动传递两个参数：?page=1&limit=30
        , method: 'post' // 接口请求方法
        , page: true
        , skin: 'row' //行边框风格
        , even: true //开启隔行背景
        , limits: [10, 30, 60, 90, 150]
        , limit: 10 //默认采用30
        , cols: [[
              {field: 'code', title: '尺寸代码', width: 150,fixed: true}
            , {field: 'name', title: '<i class="layui-icon">&#xe605;</i> 尺寸名称', width: 130,edit:'text'}
            , {field: 'height_low', title: '<i class="layui-icon">&#xe605;</i> 适合最低身高', width: 150,edit:'text'}
            , {field: 'height_high', title: '<i class="layui-icon">&#xe605;</i> 适合最高身高', width: 150,edit:'text'}
            , {field: 'size', title: '<i class="layui-icon">&#xe605;</i> 尺寸大小', width: 150,edit:'text'}
            , {field: 'cloth_length', title: '<i class="layui-icon">&#xe605;</i> 衣长', width: 150,edit:'text'}
            , {field: 'bust', title: '<i class="layui-icon">&#xe605;</i> 胸围', width: 150,edit:'text'}
            , {field: 'updated_at', title: '修改时间', sort: true, width: 165}
            , {field: 'created_at', title: '创建时间', sort: true, width: 165}
            , {title: '操作', width: 150, fixed: 'right', align: 'center', toolbar: '#groupBtn'}
        ]]
        , done: function (res, curr, count) {
            //如果是异步请求数据方式，res即为你接口返回的信息。
            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
        }
    });

    // 事件处理
    var eventHandle = {
        // 删除（单条）
        deleteData: function (obj) {
            console.log('oo');
            var title = '校服尺码信息维护';
            var msg = '您确定执行本次数据删除操作吗？';
            var deleteUrl = '/cloth/size/delete';
            var postData = {code: obj.data.code, arrival_code:obj.data.arrival_code};
            yjsloading.ajaxConfirm(title, msg, deleteUrl, postData, function (result) {
            });
        }
    };

    // 监听工具条按钮点击事件
    table.on("tool(clothSizeList)", function (obj) {
        // 获得当前行lay-event对应的值
        var itemEvent = obj.event;
        eventHandle[itemEvent] ? eventHandle[itemEvent].call(this, obj) : '';
    });

    // 可编辑单元格改变事件
    table.on('edit(clothSizeList)', function (obj) {
        $url = '/cloth/size/update/cell';
        $data = {
            code: obj.data.code,
            arrival_code: obj.data.arrival_code,
            attrs: [obj.field],
            values: [obj.value]
        };
        yjsloading.ajaxAutoSubmit($url, $data,function (result) {
        });
    });

});